<script lang="ts">
	interface Props {
		class?: string | undefined | null;
	}

	let { class: className = undefined }: Props = $props();
	
</script>

<svg
	width="15"
	height="15"
	viewBox="0 0 15 15"
	fill="none"
	xmlns="http://www.w3.org/2000/svg"
	class={className}
>
	<path
		opacity="0.977974"
		d="M4.36914 1.87402C2.98852 1.87402 1.86914 2.9934 1.86914 4.37402V10.624C1.86914 12.0046 2.98852 13.124 4.36914 13.124H10.6191C11.9998 13.124 13.1191 12.0046 13.1191 10.624V8.12401C13.1191 7.77901 12.8391 7.49901 12.4941 7.49901C12.1491 7.49901 11.8691 7.77901 11.8691 8.12401V10.624C11.8691 11.3146 11.3098 11.874 10.6191 11.874H4.36914C3.67852 11.874 3.11914 11.3146 3.11914 10.624V4.37402C3.11914 3.6834 3.67852 3.12402 4.36914 3.12402H7.36915C7.71415 3.12402 7.99415 2.84402 7.99415 2.49902C7.99415 2.15402 7.71415 1.87402 7.36915 1.87402H4.36914Z"
		fill="currentColor"
	/>
	<path
		d="M12.8366 3.09546C12.8396 3.00856 12.8248 2.92196 12.7934 2.8409C12.7619 2.75984 12.7143 2.686 12.6535 2.62384C12.5927 2.56169 12.5199 2.5125 12.4395 2.47926C12.3592 2.44602 12.2729 2.42942 12.186 2.43044L9.39377 2.46187C9.22312 2.46387 9.06025 2.53358 8.94099 2.65567C8.88195 2.71612 8.83538 2.7876 8.80396 2.86605C8.77254 2.94449 8.75688 3.02836 8.75787 3.11286C8.75886 3.19736 8.77648 3.28083 8.80973 3.35852C8.84298 3.43621 8.89121 3.50659 8.95166 3.56564C9.07375 3.68489 9.2382 3.75076 9.40886 3.74876L10.5975 3.73534L5.70608 8.52117C5.58411 8.64051 5.51454 8.80342 5.51267 8.97406C5.51081 9.14469 5.57681 9.30908 5.69616 9.43105C5.8155 9.55303 5.97841 9.6226 6.14904 9.62446C6.31968 9.62632 6.48407 9.56032 6.60604 9.44097L11.4974 4.65514L11.4581 5.84316C11.4523 6.01373 11.5146 6.17959 11.6312 6.30424C11.7477 6.4289 11.9091 6.50214 12.0796 6.50787C12.2502 6.51359 12.416 6.45132 12.5407 6.33475C12.6654 6.21819 12.7386 6.05688 12.7443 5.88631L12.8366 3.09546Z"
		fill="currentColor"
	/>
</svg>
